<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="UTF-8"%>
<%@	taglib prefix="bean" uri="struts-bean" %>
<%@ taglib prefix="logic" uri="struts-logic"%>
<%@page import="java.text.SimpleDateFormat"%>
 <% String mensaje = (String) request.getAttribute("mensaje"); 
 java.util.Date date = new java.util.Date();
 SimpleDateFormat sdf;
 sdf = new SimpleDateFormat("yyyy-MM-dd");
%>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js" ></script>
<script> 
	$().ready(function(){
		$("form").validate({ onsubmit: false});
		
		$.validator.addMethod(
		"Letra",
		function(value,element){
	                $(element).attr("value", value);
			return /^[a-zA-Z]+(\s[\s\.a-zA-Z]+)*$/.test($.trim(value)) ;
	                },"\nSolo ingresar letras");
		
		$.validator.addMethod(
			"Numero",
			function(value,element){
				$(element).attr("value",value);
				return /^[0-9]+(\s[\s\.0-9]+)*$/.test($.trim(value)) ;
			},"\nSolo ingresar numeros");
		
		$.validator.addMethod(
		  "NumbLetra",
		  function(value,element){
			$(element).attr("value",value);
			 return /^[0-9a-zA-Z]+(\s[\s\.0-9a-zA-Z]+)*$/.test($.trim(value)) ;
			  },"\nSolo ingresar numeros y letras");	
		
	});

</script>

<style type="text/css">
label.error{
color: red;
}
</style>

<h3>GENERAR CITA</h3>
<form id="formDatos">
	<div id="cabDatosHC" class="mb10 bordeSeccion">
		<label>Nro. de Cita:</label>
		<input type="text" id="nrocita"  value="${ucodigo}" disabled="disabled"  readonly="readonly" />
		<label>Fecha creación:</label>
		<input type="text" id="citafeccrea" value="<%= sdf.format(date)%>" disabled="disabled"  readonly="readonly" />
	</div>
	<div id="cabDatosPersonal" class="mb10 bordeSeccion">
		<h4>Datos del Paciente</h4>
		<div>
				<table class="tablaformulario">
				 	<tr>
						<input type="hidden" id="codigohc" value="${hc.idhistoriaclinica}"/>
						<td><label>Nro Historia Clinica:</label></td>
						<td><input type="text" id="codhc" class="Numero"  name="codhc" value="${hc.idhistoriaclinica}"/></td>
						<td><a href="#nogo" id="buscarhc" class="btn">Buscar</a></td>
					 </tr>
					 <tr>
				 		<td><label>Nombre:</label></td>
						<td><input type="text" id="nombrepaciente" name="nombrepaciente" value="${hc.nombres }" disabled="disabled"/></td>
				 	</tr>
				 	<tr>
				 		<td><label>Apellido Paterno:</label></td>
						<td><input type="text" id="apepatpaciente" name="apepatpaciente" value="${hc.apepat }" disabled="disabled" /></td>
				 	</tr>
				 	<tr>
						 <td><label>Apellido Materno:</label></td>
						 <td><input type="text" id="apematpaciente" name="apematpaciente" value="${hc.apemat }" disabled="disabled" /></td>
				 	</tr>
				 	<tr>
						 <td><label>Nro. Documento:</label></td>
						 <td><input type="text" id="nrodocpaciente" name="nrodocpaciente" value="${hc.nrodoc }" disabled="disabled" /></td>
				 	</tr>			 			 			 
				</table>
		</div>
	</div>
	<div id="cabDatosContacto" class="mb10 bordeSeccion">
		<table class="tablaformulario" width="100%">
			<tr>
				<td><label>Buscar Médico por:</label></td>
				<td>
						 <select id="busmed" name="busmed">
						 	<option value="1">---Especialidad---</option>
						 	<option value="dermatologia">Dermatologia</option>
						 	<option value="dental">Dental</option>
							<option value="gastroentologia">Gastroentologia</option>
							<option value="geriatria">Geriatria</option>
							<option value="ginecologia">Ginecologia</option>
							<option value="medicinaGeneral">Medicina General</option>
							<option value="nutricion">Nutricion</option>
							<option value="pediatria">Pediatria</option>
							<option value="psiquiatria">Psiquitria</option>
							<option value="psicologia">Psicologia</option>
							<option value="radiologia">Radiologia</option>
							<option value="urologia">Urologia</option>					 	
						 </select>
				</td>			
				<td>
				<!-- <input type="text" id="busmed" class="Letra" name="busmed"/> -->
				</td>
				
				<td><a href="#" id="buscarmed" class="btn">Buscar</a></td>
			</tr>
			<tr>
				<td colspan="4">
				<input type="hidden"  id="codMed" value=""/>
					<div id="divListaMed" align="center"></div>
				</td>

			</tr>
		</table>
	</div >
	<div id="cabDatosUbicacion" class="mb10 bordeSeccion">
		<h4>Costo del Servicio</h4>
		<table class="tablaformulario" >
			<tr>
				<td><label>Monto:</label></td>
				<td><input type="text" id="montocita" name="montocita" value="10" disabled="disabled"/></td>
			</tr>
		</table>
	</div>
	<div align="center">
		<a href="#" id="grabarCita" class="btn">Grabar</a>
		<a href="inicio.do"  class="btn" >Salir</a>
		<a href="#" id="grabarHC" class="btn">Imprimir</a>		
	</div>
	
</form>


<script type="text/javascript">
$.ajax({
	url:'buscarMED.do',
	data:{tipo:'3',flag:2},
	cache:false,
	success:function(html){
		$("#divListaMed").html(html);
	}
});

$("#buscarhc}").click(function(e){
	e.preventDefault();
	location = 'buscarHC.do?cod='+$("#codhc").val()+'&flag=1'; 
});


$("#buscarmed}").click(function(e){
	e.preventDefault();
	$.ajax({
		url:'buscarMED.do',
		data:{bus:$("#busmed").val(),flag:2},
		cache:false,
		success:function(html){
			$("#divListaMed").html(html);
		}
	});
});

$("#grabarCita}").click(function(e){
	e.preventDefault();
	if($("form").valid()){
	$.ajax({
		url:'grabarCita.do',
		data:{codhc:$("#codigohc").val(),codmed:$("#codMed").val()},
		cache:false,
		success:function(html){
			$("#panelcuerpo-cen").html(html);
		}
	});
}else{	alert("Debe ingresar los datos correctamente");}
});
</script>